/*
 * @Author: your name
 * @Date: 2021-04-13 14:22:32
 * @LastEditTime: 2021-04-16 19:34:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /flutter_demo/lib/main.dart
 */
import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

import 'package:flutter_demo/routes/Routes.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // home: TabPage(),
      // routes: {
      //   '/form': (context) => FormsPage(),
      //   '/search': (context) => SearchPage()
      // },
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('en', 'US'), // English
        const Locale('zh', 'CH'), // Hebrew
      ],
      initialRoute: '/',
      onGenerateRoute: onGeneratePageRoute,
      theme: ThemeData(primarySwatch: Colors.blue),
    );
  }
}

class HasPage extends StatefulWidget {
  @override
  _HasPageState createState() => _HasPageState();
}

class _HasPageState extends State<HasPage> {
  int count = 0;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Chip(
          label: Text('${this.count}'),
        ),
        RaisedButton(
          onPressed: () {
            setState(() {
              this.count++;
            });
          },
          child: Text('打我'),
        )
      ],
    );
  }
}

class IconContainer extends StatelessWidget {
  double size = 32;
  Color color = Colors.red;
  IconData icon;
  IconContainer(this.icon, {this.size, this.color});

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 100,
      width: 100,
      color: this.color,
      child: Center(
        child: Icon(
          this.icon,
          size: this.size,
          color: Colors.white,
        ),
      ),
    );
  }
}

class MyBtn extends StatelessWidget {
  final String text;

  const MyBtn(this.text, {Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      onPressed: () {},
      textColor: Theme.of(context).accentColor,
      child: Text(this.text),
    );
  }
}

class Home extends StatelessWidget {
  List listData = [
    {
      'id': 1,
      'marketId': 374,
      'marketName': "Rgfjejyt Dpcwdupnv Berf Geyi Bznc Glmdzgh",
      'account': 84,
      'username': "Wbvukhlo Lhlsy Kgn Klajtwvv",
      'phone': "22222",
      'createTime': "2003-12-12",
      'staffStatus': false,
      'returnMoneryStatus': true,
      'isBindWeChat': false,
      'avatar': "http://dummyimage.com/120x90"
    },
    {
      'id': 2,
      'marketId': 640,
      'marketName': "Onnovc Lqxjyvj Tssdh Nywanfpek Ilyeyn Pome",
      'account': 424,
      'username': "Kmvp Llhxki Bxesntct Ijplmxougf Ncfavtl",
      'phone': "222222222222222222222222222",
      'createTime': "2002-06-25",
      'staffStatus': false,
      'returnMoneryStatus': true,
      'isBindWeChat': false,
      'avatar': "http://dummyimage.com/180x150"
    },
    {
      'id': 3,
      'marketId': 610,
      'marketName': "Imb Cwque Ntlxbe Nllphby",
      'account': 833,
      'username': "Tfipg Fxhkykahk Gap Dbixqatb Pdtcchv Fdxdqni",
      'phone': "2222222222222222222222222222",
      'createTime': "1986-08-26",
      'staffStatus': false,
      'returnMoneryStatus': true,
      'isBindWeChat': false,
      'avatar': "http://dummyimage.com/120x60"
    },
    {
      'id': 4,
      'marketId': 687,
      'marketName': "Wuqmzum Jcvn Oodg Cskgt Wtekaroch",
      'account': 526,
      'username': "Tgxjn Qkkhot Wtbgjthh Glxshaca Fpcssnoy Wskd",
      'phone': "222222",
      'createTime': "2003-05-15",
      'staffStatus': false,
      'returnMoneryStatus': true,
      'isBindWeChat': false,
      'avatar': "http://dummyimage.com/468x60"
    }
  ];

  List<Widget> _getData() {
    var tempList = listData.map((item) {
      return ListTile(title: Text(item['avatar']));
    });
    return tempList.toList();
    // List<Widget> list = new List();
    // for (var i = 0; i < 30; i++) {
    //   list.add(ListTile(title: Text('i am $i')));
    // }
    // return list;
  }

  Widget _getListData(context, index) {
    return ListTile(title: Text(this.listData[index]['username']));
  }

  // List<Widget> _getGridData() {
  //   var tempList = listData.map((item) {
  //     return Container(
  //       child: Column(
  //         children: <Widget>[
  //           Image.network(item['avatar']),
  //           SizedBox(height: 10),
  //           Text(item['username'],
  //               textAlign: TextAlign.center, style: TextStyle(fontSize: 20))
  //         ],
  //       ),
  //       decoration:
  //           BoxDecoration(border: Border.all(color: Colors.black, width: 2)),
  //     );
  //   });
  //   return tempList.toList();
  // }

  @override
  Widget build(BuildContext context) {
    // return Container(
    //     width: 400,
    //     height: 600,
    //     color: Colors.pink,
    //     child: Wrap(
    //       spacing: 10,
    //       runSpacing: 10,
    //       runAlignment: WrapAlignment.spaceBetween,
    //       children: <Widget>[
    //         MyBtn('asdasdzxc'),
    //         MyBtn('asdasd'),
    //         MyBtn('asdasd23'),
    //         MyBtn('asdasd'),
    //         MyBtn('asdasdasd'),
    //         MyBtn('asdasd'),
    //         MyBtn('asdasd'),
    //         MyBtn('asdasd123'),
    //         MyBtn('asdasd')
    //       ],
    //     ));
    // return ListView(
    //   children: [
    //     Card(
    //       margin: EdgeInsets.all(20),
    //       child: Column(
    //         children: [
    //           AspectRatio(
    //             aspectRatio: 16 / 9,
    //             child: Image.network('src'),
    //           ),
    //           ListTile(
    //             leading: CircleAvatar(
    //               backgroundImage: NetworkImage(''),
    //             ),
    //             // leading: ClipOval(
    //             //   child: Image.network('src'),
    //             // ),
    //             title: Text('sdsdsd'),
    //             subtitle: Text('123'),
    //           )
    //         ],
    //       ),
    //     )
    //   ],
    // );
    // return ListView(
    //   children: <Widget>[
    //     Card(
    //       margin: EdgeInsets.all(10),
    //       child: Column(
    //         children: <Widget>[
    //           ListTile(
    //             title: Text('sdfsdf'),
    //             subtitle: Text('123'),
    //           ),
    //           ListTile(
    //             title: Text('sddss'),
    //           ),
    //           ListTile(
    //             title: Text('sddss'),
    //           )
    //         ],
    //       ),
    //     ),
    //     Card(
    //       margin: EdgeInsets.all(10),
    //       child: Column(
    //         children: <Widget>[
    //           ListTile(
    //             title: Text('sdfsdf'),
    //             subtitle: Text('123'),
    //           ),
    //           ListTile(
    //             title: Text('sddss'),
    //           ),
    //           ListTile(
    //             title: Text('sddss'),
    //           )
    //         ],
    //       ),
    //     )
    //   ],
    // );
    // return Center(
    //   child: Container(
    //     height: 400,
    //     width: 300,
    //     color: Colors.red,
    //     child: Stack(
    //       children: <Widget>[
    //         Positioned(
    //           left: 10,
    //           child: Icon(
    //             Icons.home,
    //             size: 30,
    //             color: Colors.white,
    //           ),
    //         ),
    //         Positioned(
    //           bottom: 0,
    //           left: 100,
    //           child: Icon(
    //             Icons.search,
    //             size: 30,
    //             color: Colors.white,
    //           ),
    //         ),
    //         Positioned(
    //           right: 0,
    //           child: Icon(
    //             Icons.settings,
    //             size: 30,
    //             color: Colors.white,
    //           ),
    //         )
    //       ],
    //     ),
    //   ),
    // );
    // return Column(
    //   children: <Widget>[
    //     Row(
    //       children: <Widget>[
    //         Expanded(
    //           child: Container(
    //             height: 200,
    //             color: Colors.black,
    //             child: Text('sadasd'),
    //           ),
    //         )
    //       ],
    //     ),
    //     SizedBox(
    //       height: 10,
    //     ),
    //     Row(
    //       children: <Widget>[
    //         Expanded(
    //             child: Container(height: 200, child: Image.network('')),
    //             flex: 2),
    //         SizedBox(width: 10),
    //         Expanded(
    //             child: Container(
    //               height: 200,
    //               child: ListView(
    //                 children: <Widget>[
    //                   Container(
    //                     height: 80,
    //                     child: Image.network(''),
    //                   ),
    //                   SizedBox(height: 10),
    //                   Container(
    //                     height: 80,
    //                     child: Image.network(''),
    //                   )
    //                 ],
    //               ),
    //             ),
    //             flex: 1)
    //       ],
    //     )
    //   ],
    // );
    // return Row(
    //   children: <Widget>[
    //     Expanded(
    //       child: IconContainer(Icons.home, color: Colors.green),
    //       flex: 1,
    //     ),
    //     Expanded(
    //       child: IconContainer(Icons.search, color: Colors.orange),
    //       flex: 2,
    //     ),
    //     Expanded(
    //       child: IconContainer(Icons.settings, color: Colors.blue),
    //       flex: 1,
    //     )
    //   ],
    // );

    // return Padding(
    //     padding: EdgeInsets.fromLTRB(0, 0, 10, 0),
    //     child: GridView.count(
    //       crossAxisCount: 2,
    //       children: <Widget>[
    //         Padding(
    //           padding: EdgeInsets.fromLTRB(10, 10, 0, 0),
    //           child: Image.network('', fit: BoxFit.cover),
    //         ),
    //         Padding(
    //           padding: EdgeInsets.fromLTRB(10, 10, 0, 0),
    //           child: Image.network('', fit: BoxFit.cover),
    //         ),
    //         Padding(
    //           padding: EdgeInsets.fromLTRB(10, 10, 0, 0),
    //           child: Image.network('', fit: BoxFit.cover),
    //         ),
    //         Padding(
    //           padding: EdgeInsets.fromLTRB(10, 10, 0, 0),
    //           child: Image.network('', fit: BoxFit.cover),
    //         ),
    //         Padding(
    //           padding: EdgeInsets.fromLTRB(10, 10, 0, 0),
    //           child: Image.network('', fit: BoxFit.cover),
    //         ),
    //       ],
    //     ));
    // return GridView.count(
    //     mainAxisSpacing: 20,
    //     padding: EdgeInsets.all(10),
    //     crossAxisCount: 2,
    //     crossAxisSpacing: 20,
    //     children: this._getGridData());
    // return ListView.builder(
    //     itemCount: this.listData.length,
    //     itemBuilder: (context, index) {
    //       return this._getListData(context, index);
    //     });
    // return ListView(
    //   children: this._getData(),
    // );
  }
}
